<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=0.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name=”apple-mobile-web-app-capable” content=”yes” />
	<link rel="stylesheet" href="${static_server}/static/css/default.css">
	<link rel="stylesheet" href="${server}/static/css/iconfont/iconfont.css">
	<style>
	.bg{ background:#f1eff5;}
	h3.weixin-title{ height:38px; text-align:center; font-size:14px; background:#fff; line-height:38px; border-bottom:1px solid #e2e2e3; margin-top:10px;}
	.weixin-box{color: #505050; vertical-align: top;text-align: center; margin:0 auto; margin-top:30px}
	.weixin-box .icon{font-size: 60px;}
	.weixin-box .pText{font-size: 18px;}
	.logo{bottom: 10rem; height: 38px;text-align: center;width: 100%; position: fixed;}
	</style>
	<script type="text/javascript" src="/yunyike-wap-shopping/static/js/zepto.min.js"></script>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		wx.config({
			debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
			appId : '${appId}', // 必填，公众号的唯一标识
			timestamp : '${timestamp}', // 必填，生成签名的时间戳(是否需要引号？)
			nonceStr : '${nonceStr}', // 必填，生成签名的随机串
			signature : '${signature}',// 必填，签名，见附录1
			jsApiList : [ 'scanQRCode' ]
		// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
		});
		
	});

	function addUserInvisible(){
		var url = $("#path").val()+"/user/addInvisible/"+$("#openId").val();
		$.ajax({
		    type: 'POST',
		    url: url ,
		    async:true,
		    dataType: "text",
		    success:function(result) {
	        	
		    } ,error:function(){
		    	
		    }
		});
	}
	
	function scan(){
		wx.scanQRCode({
			needResult : 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
			scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
			success : function(res) {
				if(res.resultStr.indexOf("/shop/find") != -1){
					window.location.href = res.resultStr;
				}else if(res.resultStr.indexOf("/shopper/connectShopper/") != -1){
					$.ajax({
						type: 'POST',
					    url: res.resultStr ,
					    dataType: "text",
					    success:function(result) {
					    	if(result.indexOf("success") != -1){
					    		result = result.replace("success+","");
					    		var url = $("#path").val()+"/shop/find/"+result;
					    		window.location.href = url;
					    		return;
					    	}else{
					    		window.location.href = $("#path").val()+"/scan/initData/";
					    	}
					    }
					});
				}else{
					window.location.reload();
				}
				/* alert(res.resultStr); */
				/* document.getElementById("test").value="res:"+res+"; res.resultStr:"+res.resultStr; */
			}
		});
	}
	
</script>
<script type="text/javascript">
	wx.ready(function() {
		// config信息验证后会执行ready方法，
		//所有接口调用都必须在config接口获得结果之后，
		//config是一个客户端的异步操作，
		//所以如果需要在页面加载时就调用相关接口，
		//则须把相关接口放在ready函数中调用来确保正确执行。
		//对于用户触发时才调用的接口，则可以直接调用，
		//不需要放在ready函数中。
	});

	wx.error(function(res) {
		//alert('error');
		// config信息验证失败会执行error函数，如签名过期导致验证失败，
		//具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。

	});
</script>
</head>

<body class="bg">
<br/><br/>
<h3 class="weixin-title">请扫描海报或导购出示二维码进入店内</h3>
<br/>
	<div class="weixin-box" onclick="javascript:scan();">
		<i class="icon iconfont">&#xe607;</i>
		<p class="pText">扫一扫</p>
	</div>
	<div class="logo">
			<img src="${static_server}/static/images/logo/logo.png" width="200px" height="200px">
	</div>
	<input type="hidden" id="path" value="${server}"/>
</body>
</html>
